<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML基础练习2</title>
</head>

<body>
    <h1>HTML基础练习2</h1>
    <section>
        <h2>文本英语义元素</h2>
        <h3>a元素</h3>
        <p>
            <a href="https://baike.baidu.com/">百度百科</a>
        </p>
        <p>
            <a
                href="https://baike.baidu.com/tashuo/browse/content?id=84d19be0f8bf0b324a4bdf13&fromModule=pcArticleMoreRecommend">百度百科的某个页面</a>
        </p>
        <p><a href="../index.html">返回首页</a></p>
        <p>使用<em>#</em>加链接，来实现<strong>内部</strong>跳转。<small>注意，不要因为默认的样式就使用这些元素。</small></p>
        <p>那个男人说<q>事情不能再拖了</q>。我也赞同他的观点。</p>
        <p>doit.im是一款<dfn><abbr title="Get Thing Done">GTD</abbr></dfn>软件，用来帮助用户进行任务管理。</p>
        <COde>
        <p>doit.im是一款<dfn><abbr title="Get Thing Done">GTD</abbr></dfn>软件，用来帮助用户进行任务管理。</p>
    </COde>
        <P>使用快捷键<kbd>Ctrl+S</kbd>保存文档。</P>
        <h4>这是一个主标题<br>这是副标题</h4>
    </section>
    <section>
        <h2>编辑相关元素</h2>
        <h3>del元素</h3>
        <ul>
            <li>Empty the dishwasher </li>
            <li><ins datetime="2009-10-11T01:25-7:00">Watch Walter Lewin's lectures</ins></li>
            <li><del datetime="2009-10-10T23:28-7:00">Download more tracks</del></li>
            <li>Buy a printer</li>
        </ul>
    </section>
    </section>
    <section>
        <h2>嵌入内容的相关元素</h2>
        <h3>picture元素</h3>
        <picture>
            <source
                srcset="https://image.baidu.com/search/detail?ct=503316480&z=0&ipn=d&word=%E7%97%85%E6%AF%92%E5%9B%BE%E7%89%87&step_word=&hs=0&pn=13&spn=0&di=111870&pi=0&rn=1&tn=baiduimagedetail&is=0%2C0&istype=0&ie=utf-8&oe=utf-8&in=&cl=2&lm=-1&st=undefined&cs=2566543280%2C2363205478&os=1344140636%2C1091665079&simid=78490065%2C856373429&adpicid=0&lpn=0&ln=1208&fr=&fmq=1582362821824_R&fm=&ic=undefined&s=undefined&hd=undefined&latest=undefined&copyright=undefined&se=&sme=&tab=0&width=undefined&height=undefined&face=undefined&ist=&jit=&cg=&bdtype=0&oriquery=&objurl=http%3A%2F%2Fthumbs.dreamstime.com%2Fx%2Fd-%E8%83%9E%E7%97%85%E6%AF%92-40377215.jpg&fromurl=ippr_z2C%24qAzdH3FAzdH3Fvg_z%26e3B16jw4fpt4j_z%26e3Bv54AzdH3F%25Ec%25bc%25bD%25E0%25bl%25bb%25E0%25Ab%25bE%25Ec%25BA%25ln%25Ec%25AD%25lb%25E0%25bc%25A0%25E0%25bl%25b0-1-%25Eb%25bn%25lE%25E0%25l0%25bc%25Em%25AF%25ld-t4w2j9an00d8c&gsm=d&rpstart=0&rpnum=0&islist=&querylist=&force=undefined"
                media="(max-width: 768px)">
            <source
                srcset="https://image.baidu.com/search/detail?ct=503316480&z=0&ipn=d&word=%E7%97%85%E6%AF%92%E5%9B%BE%E7%89%87&step_word=&hs=0&pn=16&spn=0&di=139370&pi=0&rn=1&tn=baiduimagedetail&is=0%2C0&istype=0&ie=utf-8&oe=utf-8&in=&cl=2&lm=-1&st=undefined&cs=2107995356%2C3670175787&os=1853564207%2C2943797143&simid=3407948115%2C245466527&adpicid=0&lpn=0&ln=1208&fr=&fmq=1582362821824_R&fm=&ic=undefined&s=undefined&hd=undefined&latest=undefined&copyright=undefined&se=&sme=&tab=0&width=undefined&height=undefined&face=undefined&ist=&jit=&cg=&bdtype=0&oriquery=&objurl=http%3A%2F%2Fimg.mp.itc.cn%2Fupload%2F20170327%2F4e0f39055c3b4adf895b5b2532add3de_th.jpeg&fromurl=ippr_z2C%24qAzdH3FAzdH3Fooo_z%26e3Bf5i7_z%26e3Bv54AzdH3FwAzdH3F8nac89l8d_cabc9l&gsm=10&rpstart=0&rpnum=0&islist=&querylist=&force=undefined">
            <img srcset="https://image.baidu.com/search/detail?ct=503316480&z=0&ipn=d&word=%E7%97%85%E6%AF%92%E5%9B%BE%E7%89%87&step_word=&hs=0&pn=16&spn=0&di=139370&pi=0&rn=1&tn=baiduimagedetail&is=0%2C0&istype=0&ie=utf-8&oe=utf-8&in=&cl=2&lm=-1&st=undefined&cs=2107995356%2C3670175787&os=1853564207%2C2943797143&simid=3407948115%2C245466527&adpicid=0&lpn=0&ln=1208&fr=&fmq=1582362821824_R&fm=&ic=undefined&s=undefined&hd=undefined&latest=undefined&copyright=undefined&se=&sme=&tab=0&width=undefined&height=undefined&face=undefined&ist=&jit=&cg=&bdtype=0&oriquery=&objurl=http%3A%2F%2Fimg.mp.itc.cn%2Fupload%2F20170327%2F4e0f39055c3b4adf895b5b2532add3de_th.jpeg&fromurl=ippr_z2C%24qAzdH3FAzdH3Fooo_z%26e3Bf5i7_z%26e3Bv54AzdH3FwAzdH3F8nac89l8d_cabc9l&gsm=10&rpstart=0&rpnum=0&islist=&querylist=&force=undefined"
                alt="My default image">
        </picture>
        <p><img src="78.png" alt="风景"></p>
        <iframe src="https://baike.baidu.com/" width="800" height="300"></iframe>
    </section>
</body>

</html>
